<template>
  <div class="">
    <a-form-model
      class="set-time"
      :model="form"
      :label-col="labelCol"
      :wrapper-col="wrapperCol"
    >
    <slot></slot>
      <a-form-item label="离职日期">
        <a-date-picker
          v-model="form.endDate"
          v-decorator="['date-picker', config]"
        />
      </a-form-item>
      <a-form-item label="入职日期">
        <a-date-picker
          v-model="form.startDate"
          v-decorator="['date-picker', config]"
        />
      </a-form-item>
      <a-form-model-item label="工号">
        <a-input v-model="form.staffOrStuCode" />
      </a-form-model-item>
      <a-form-model-item label="名字">
        <a-input v-model="form.staffOrStuName" />
      </a-form-model-item>
      <a-form-model-item label="手机号">
        <a-input v-model="form.mobile" />
      </a-form-model-item>
      <a-form-model-item label="性别">
        <a-radio-group v-model="form.sex">
          <a-radio value="1"> 男 </a-radio>
          <a-radio value="2"> 女 </a-radio>
        </a-radio-group>
      </a-form-model-item>
      <a-form-model-item label="民族">
        <a-input v-model="form.nation" />
      </a-form-model-item>
      <a-form-item label="生日">
        <a-date-picker
          v-model="form.birthday"
          v-decorator="['date-picker', config]"
        />
      </a-form-item>
      <a-form-model-item label="身份证">
        <a-input v-model="form.idCard" />
      </a-form-model-item>
      <a-form-model-item label="地址">
        <a-input v-model="form.address" />
      </a-form-model-item>
      <a-form-model-item label="卡号">
        <a-input v-model="form.cardNo" />
      </a-form-model-item>
      <a-form-model-item label="通行密码">
        <a-input v-model="form.passPassword" />
      </a-form-model-item>
      <a-form-model-item label="人员性质">
        <a-select v-model="form.property" placeholder="please select your zone">
          <a-select-option value="shanghai"> 住宿生 </a-select-option>
          <a-select-option value="beijing"> 走读生 </a-select-option>
        </a-select>
      </a-form-model-item>
      <a-form-model-item label="email">
        <a-input v-model="form.email" />
      </a-form-model-item>
    </a-form-model>
  </div>
</template>

<script>
export default {
  name: "Laber",
  data() {
    return {
      form: {
        id: "",
        staffOrStuCode: "", //人员编号
        staffOrStuName: "", //人员名称
        sex: "", //性别
        nation: "", //民族
        birthday: "", //生日
        address: "", //地址
        startData: "", //开始地址
        endData: "", //结束日期
        cardNo: "", //卡号
        email: "", //邮箱
        monbile: "", //电话
        idCard: "", //身份证
        ymOrgId: "", //组织id
        ymOrgTreeCode: "", //组织编号
        passPassword: "", //通行密码
        infoType: "", //人员类型
        infoYear: "", //入学
        property: "", //人员性质
        contacts: "", //联系人
      },
        config: {
        rules: [
          { type: "object", required: true, message: "Please select time!" },
        ],
      },
        labelCol: { span: 4 },
      wrapperCol: { span: 14 },
    };
  },
  methods:{
    //    this.$emit("watchChild",row);
  }
};
</script>

<style scoped lang="scss">
.set-time {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ant-form-item {
  width: 400px;
}
</style>